<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<#assign base=request.contextPath  />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="${base}/yang/H-ui/iconfont.min.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/Yang/css/layui.css"/>
		<style type="text/css">
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
			    border-top: 0px solid #c8c7cc;
			    border-bottom: 0px solid #c8c7cc;
			}
			.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
			    background-color: #c7ad63;
			}
			.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
			    color: #c7ad63;
			    border-bottom: 2px solid #c7ad63;
			    background: none;
			}
			.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
				    color: #c7ad63;
				}
			.mui-segmented-control.mui-segmented-control-inverted {
				    width: 40%;
				    border: 0;
				    border-radius: 0;
				}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
			    border-bottom: 2px solid #c7ad63;
			}
		</style>
	</head>
	<body>
		<div class="mui-text-center">
			<div class="layui-row">
			    <div class="layui-col-xs12 layui-col-md9">
			      <div class="grid-demo1 grid-demo-bg1">
			      	<img src="${base}/yang/img/logo.png"/>
			      </div>
			    </div>
			    <div class="layui-col-xs6 layui-col-md3">
			      <div class="grid-demo1" style="margin-left: 10%;">
			      	<i class="Hui-iconfont icon1">&#xe694;</i>
			      	<span>&nbsp;&nbsp;<a href="">关注我们</a> </span>
			      	<i class="Hui-iconfont icon2">&#xe670;</i>
			      	<span>&nbsp;&nbsp;<a href="">在线购买</a> </span>
			      	<i class="Hui-iconfont icon3">EN</i>
			      </div>
			    </div>
			  </div>
			  <div class="header">
			  	<span><a href="">首页</a></span>
			  	<span><a href="">品牌故事</a></span>
			  	<span><a href="">产品</a></span>
			  	<span><a href="">活动</a></span>
			  	<span><a href="">联系我们</a></span>
			  </div>
			  <h3 style="color: #c7ad63;padding: 30px;">产品分类</h3>
		</div>
		<div class="mui-slider">
		    <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="margin-left: 30%;">
		        <a class="mui-control-item" href="#item1">选项卡1</a>
		        <a class="mui-control-item" href="#item2">选项卡2</a>
		        <a class="mui-control-item" href="#item3">选项卡1</a>
		        <a class="mui-control-item" href="#item4">选项卡2</a>
		        <a class="mui-control-item" href="#item5">选项卡1</a>
		        <a class="mui-control-item" href="#item6">选项卡2</a>
		    </div>
		    <div class="mui-slider-group">
		        <div id="item1" class="mui-slider-item mui-control-content  mui-active">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
						</div>
		        </div>
		        <div id="item2" class="mui-slider-item mui-control-content">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							
						</div>
		        </div>
		         <div id="item3" class="mui-slider-item mui-control-content">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							
						</div>
		        </div>
		        <div id="item4" class="mui-slider-item mui-control-content">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							
						</div>
		        </div>
		         <div id="item5" class="mui-slider-item mui-control-content">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							
						</div>
		        </div>
		        <div id="item6" class="mui-slider-item mui-control-content">
		           		<div class="imgda4" style="margin-top: 3%;">
							<div class="divsapn">
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
								<span><img class="img200" src="${base}/yang/img/tt1.png"/></span>
							</div>
							<div class="divsapn2">
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
								<span>扁桃仁-清贫原味</span>
							</div>
							
						</div>
		        </div>
		    </div>
		</div>
			
			<div class="tdfot2">
			  	<span>语言 ：CHINESE</span>
			  	<span>www.kimrun.com.cn</span>
			  	<span>泸IC备13009548号</span>
			</div>
			<div class="footer">
				<img src="${base}/yang/img/fotpp.png"/>
			</div>
	<script src="${base}/yang/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="${base}/yang/Yang/layui.all.js" type="text/javascript" charset="utf-8"></script>
 	<script type="text/javascript">

 	</script>
	</body>
</html>
